<template>
	<view>
		<myHeader></myHeader>
		<myMeau></myMeau>
		<view class="myLike">
			<myLike>
				<template>
					2
				</template>
			</myLike>
		</view>
		<view class="createLike">
			<view class="list_word">
				<span class="ww">创建歌单</span>
				<span class="ll">|</span>
				<span class="active">收藏歌单</span>
			</view>
			<view class="duanxian">
				
			</view>
			<listCreate></listCreate>
			<listLike></listLike>
		</view>
	</view>
</template>

<script  lang="ts">
	import myHeader from '@/components/My/myHeader.vue';
	import myMeau from '@/components/My/myMeau.vue';
	import myLike from '@/components/My/myLike.vue';
	import listLike from '@/components/My/listLike.vue';
	import listCreate from '@/components/My/listCreate.vue'
	export default {
		data() {
			return {
				
			}
		},
		components:{myHeader,myMeau,myLike,listLike,listCreate},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	
.createLike{
	.list_word{
		text-align: center;
		>span{
			margin: 20rpx 60rpx;
			color: rgba(0,0,0,.4);
		}	
		.ww{
			
			font-size: 16px;
			font-weight: 700;
		}
		.active{
			font-size: 16px;
			font-weight: 700;
			color: rgb(0,0,0);
		}
		.ll{
			font-size: 12px;
		}
	}
		
	.duanxian{
		width: 25rpx;
		border: 6rpx solid red;
		border-radius: 6rpx;
		transform: translateX(540rpx);//170  540
	}
}
</style>
